<template>
  <div>
    <!-- <slot :info="infos" /> -->
    <slot :info="{fname:firstname,lname:lastname}">
      <!-- <div>姓名{{ fname+lname }}</div> -->
    </slot>
  </div>
</template>

<script>

export default {
  props: {
    firstname: {
      type: String,
      default: ''
    },
    lastname: {
      type: String,
      default: ''
    }
  },
  data () {
    return {

    }
  },
  computed: {
    infos () {
      return {
        fname: this.firstname,
        lname: this.lastname
      }
    }
  }
}
</script>

<style>
</style>
